﻿body
{
    font-family: Verdana;
    font-size: 0.8em;
    background-color: #E3EAEB;
}
.masterPanelText
{
    vertical-align: middle;
    font-weight:bolder;
    font-size:xx-large;
    font-variant:small-caps;
    font-family: Georgia;
    color: #cc0000;
}
.masterPanelText3
{
    vertical-align: text-bottom;
    font-weight:normal;
    font-size:large;
    font-variant:small-caps;
    font-family: Georgia;
    color: #cccccc;
}
.masterPanelText2
{
    vertical-align: text-bottom;
    font-weight:normal;
    font-size:large;
    font-family: Courier New;
    color: #cccccc;
}
.masterLeftBar
{
    vertical-align: top;
    font-weight:normal;
    font-size:large;
    font-variant:small-caps;
    font-family: Georgia;
    background: #bbccdd;
}
div.link-list {
        width:10.2em;
        position:absolute;
        top:0;
        font-size:80%;
        padding-left:1%;
        padding-right:1%;
        margin-left:0;
        margin-right:0;
}
/* we leave some place on the side using the margin-* properties */
#main {
        margin-left:10.2em;
        padding-left:1em;
}
/* and then we put each list on its place */
#list1 {
        left:0;
}
